/* im August 2025 gefunden bei: https://clean-test.de.tl/Verlinkung-im-Bild.htm  */
/* Eigenschaften für das Bild */
.grafik {
  list-style-type:none;
   width: 496px;
   height: 244px;
  padding: 0px; margin: 10px; 
  background-image: url(des Bildes);
  border: 10px solid #fff;
  box-shadow: 5px 5px 15px #444;
  position: relative; }

/*  Eigenschaft für alle 3 Rahmen  w70 px h70 px  */  
.grafik  a {
   position:absolute;
   display: block;
/*   width: 70px;
   height: 30px;    */
   text-decoration: none; 
   }

 /* Position Link 1: Schild Museum  */
.position_1 a {
   top: 20px;
   margin-left: 20px;
   width: 150px;
   height: 40px;
   border: 0px solid #ddd;  /* original: 1px solid #ddd;  */
   }

 /* Position Link 2:  Rabe statt Papagei   */
.position_2 a {
   margin-top: 25px;
   margin-left: 335px;
   width: 90px;
   height: 45px;
   border: 0px solid #eee;  /* original: 1px solid #eee;  */
   }

 /* Position Link 3: Schuh im Käfig   */
.position_3 a {
   margin-top: 190px;
   margin-left: 387px;
   width: 85px;
   height: 40px;
   border: 0px solid green;  /* original: 2px solid green;  */
   }

 /* für das Tooltip-Fenster mit Infotext      margin-top: 100px;   color: #fff!important;   */
span.text { 
   position:absolute;
   width: 170px;
   color: #fff!important;
   padding: 8px;
   margin-top: 60px;
   margin-left: 0px;
   background-color: #0057b0;
   border: 1px solid #c9c9c9;
   z-index: 90;
   visibility: hidden;
   overflow:hidden; }

 /* bei Mauskontakt sichtbar */
.rahmen:hover span.text { visibility: visible; 
}